<template>
	<view>
		 <web-view :webview-styles="webviewStyles" :src="imgUrl"></web-view>
		<!-- <web-view  :src="imgUrl"></web-view> -->
		<!-- <view class="top flex align-center">
			<image src="/static/b3.png"></image>
			<view class="flex flex-direction">
				<view class="top1 flex align-center">
					<text>物流状态</text>
					<text>已签收</text>
				</view>
				<view class="top2 flex align-center">
					<text>承运来源</text>
					<text>宅急送</text>
				</view>
				<view class="top2 flex align-center">
					<text>运单编号</text>
					<text>84705888888</text>
				</view>
			</view>
		</view>
		<view class="cu-timeline">
			<view class="cu-item text-green">
				<view class="myItemtop flex flex-direction">
					<text>【已签收】客户已签收，感谢使用宅急送，期待再次为您服务</text>
					<text>2016-03-23    14:15:30</text>
				</view>
			</view>
		</view>
		<view class="cu-timeline">
			<view class="cu-item flex flex-direction">
				<view class="myItem flex flex-direction">
					<text>【上海市】上海沪北营业所桃浦营业厅派件员：尚晋 ,18302115252正在为您派件</text>
					<text>2016-03-23    14:15:30</text>
				</view>
			</view>
		</view>
		<view class="cu-timeline">
			<view class=" cu-item flex flex-direction">
				<view class="myItem flex flex-direction">
					<text>【已签收】客户已签收，感谢使用宅急送，期待再次为您服务</text>
					<text>2016-03-23    14:15:30</text>
				</view>
			</view>
		</view>
		<view class="cu-timeline">
			<view class=" cu-item flex flex-direction">
				<view class="myItem flex flex-direction">
					<text>【已签收】客户已签收，感谢使用宅急送，期待再次为您服务</text>
					<text>2016-03-23    14:15:30</text>
				</view>
			</view>
		</view>
		<view class="cu-timeline">
			<view class=" cu-item flex flex-direction">
				<view class="myItem flex flex-direction">
					<text>【已签收】客户已签收，感谢使用宅急送，期待再次为您服务</text>
					<text>2016-03-23    14:15:30</text>
				</view>
			</view>
		</view>
		<view class="cu-timeline">
			<view class=" cu-item flex flex-direction">
				<view class="myItem flex flex-direction">
					<text>【已签收】客户已签收，感谢使用宅急送，期待再次为您服务</text>
					<text>2016-03-23    14:15:30</text>
				</view>
			</view>
		</view>
		<view class="cu-timeline">
			<view class=" cu-item flex flex-direction">
				<view class="myItem flex flex-direction">
					<text>【已签收】客户已签收，感谢使用宅急送，期待再次为您服务</text>
					<text>2016-03-23    14:15:30</text>
				</view>
			</view>
		</view> -->
		
	</view>
</template>

<script>
	var api = require('@/components/api.js');
	export default {
		data() {
			return {
				imgUrl:'',
				webviewStyles: {
				                    progress: {
				                        color: '#FF3333'
				                    }
				                },
			}
		},
		onLoad(opt) {
			if(opt.key){
				this.imgUrl = opt.key
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.top>view{
		margin-left: 20upx;
	}
	.top2>text{
		font-size: 24upx;
			color: #828282;
			margin-right: 60upx;
			margin-bottom: 8upx;
	}
	.top1{
		margin-bottom: 15upx;
	}
	.top1>text:nth-child(1){
			font-size: 28upx;
			color: #333333;
	}
	.top1>text:nth-child(2){
		margin-left: 40upx;
			font-size: 28upx;
			color: #0099d9;
	}
	.top image{
		width: 187upx;
			height: 141upx;
	}
	.top{
		margin-bottom: 20upx;
		background-color: #fff;
		padding: 20upx;
		box-sizing: border-box;
	}
	.myItemtop>text:nth-child(1){
		font-size: 28upx;
	}
	.myItemtop>text:nth-child(2){
			font-size: 22upx;
			color: #999999;
			margin-top: 20upx;
	}
	.myItemtop{
		border-bottom: 1upx solid #ddd;
		padding-bottom: 20upx;
	}
	.myItem>text:nth-child(1){
		font-size: 28upx;
		color: #666666;
	}
	.myItem>text:nth-child(2){
			font-size: 22upx;
			color: #999999;
			margin-top: 20upx;
	}
	.myItem{
		border-bottom: 1upx solid #ddd;
		padding-bottom: 20upx;
	}

</style>
